.slider {
   @apply relative cursor-pointer bg-slate-500 transition-all rounded-[34px] inline-flex items-center px-1
}

.slider-handler {
   @apply h-[18px] w-[18px] bottom-[3px] bg-white transition-all rounded-[50%];
}

.slider-label {
   @apply mx-1 text-slate-400 min-w-3 min-h-[22px];
}
.slider.checked {
   @apply bg-indigo-800;
}
.slider.checked .slider-handler {
   @apply order-1;
}
.slider.checked .slider-label {
   @apply text-slate-50;
}
